<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>注册</title>
    <link rel="stylesheet" type="text/css" href="./stylesheets/register.css">
</head>
<body>
    <div id="waibu">
        <!-- 导航 -->
        <div id="nav">
            <a href="./index.html"><img src="https://static.zcool.cn/git_z/z/common/images/svg/logo.svg" alt=""></a>
            <h2>通行证</h2>
            <ul>
                <li class="li1"><a href="#">已有账号，马上登录</a></li>
                <li class="li2"><a href="./index.html">返回站酷网</a></li>
            </ul>
        </div>

        <!-- 主题 -->
        <div id="register">
            <h2>注册会员</h2>
        </div>

        <!-- 内容主体 -->
        <div id="container">
                  <div class="input-box">
                        <div id="inputBox">
                            <label>用户名</label>
                            <input type="text" id="usr" placeholder="您的账户名和登录名">
                        </div>
                        <div>
                                <span id="usr_tip" class="normal">支持中文，英文，数字，字母，-，_ 的组合，4~20位字符</span>
                        </div>                   
                  </div>
                 
                  <div class="input-box">
                        <div id="inputBox">
                            <label>密码</label>
                            <input type="text" id="pass" placeholder="建议使用两种或两种以上字符组合">
                        </div>
                        <div >
                                <span id="pass_tip" class="normal">建议使用英文，数字，符号，-，_ 的组合，6~20位字符</span>
                        </div>                   
                  </div>

                  <div class="input-box">
                        <div id="inputBox">
                            <label>确认密码</label>
                            <input type="text" id="word" placeholder="请再次输入密码">
                        </div>
                        <div >
                                <span id="word_tip" class="normal">请再次输入密码</span>
                        </div>                   
                  </div>

                  <div class="input-box">
                        <div id="inputBox">
                            <label>邮箱验证</label>
                            <input type="text" id="mail" placeholder="请输入邮箱">
                        </div>
                        <div >
                                <span id="mail_tip" class="normal">验证完成后，你可以使用该邮箱登录</span>
                        </div>                   
                  </div>

                  <div class="input-box">
                        <div id="inputBox">
                            <label>邮箱验证码</label>
                            <input type="text" id="mailbox" placeholder="请输入邮箱验证码">
                        </div>                 
                  </div>

                  <div class="submit">
                        <a href="./index.html">立即注册</a>        
                  </div>

                  <div id="el">
                      <div class="box1">
                          <div class="i1"></div>
                          <p><a href="#">企业用户注册</a></p>
                      </div>
                      <div class="box2">
                          <p><a href="#">海外用户注册</a></p>
                          <div class="i2"></div>
                      </div>
                  </div>

                <div id="foot">
                    <ul>
                        <li><a href="#">关于我们</a></li>
                        <li><a href="#">联系我们</a></li>
                        <li><a href="#">人才招聘</a></li>
                        <li><a href="#">商家入驻</a></li>
                        <li><a href="#">广告服务</a></li>
                        <li><a href="#">手机京东</a></li>
                        <li><a href="#">友情链接</a></li>
                        <li><a href="#">销售联盟</a></li>
                        <li><a href="#">京东社区</a></li>
                        <li><a href="#">京东公益</a></li>
                        <li><a href="#">English Site</a></li>
                    </ul>
                </div>
        </div>
        
    </div>
     <script src="./scripts/register.js"></script>
</body>
</html>